﻿@model Arms.Presentation.Web.Areas.People.Models.LoginModel

@{
    ViewBag.Title = "Login";
    Layout = "~/Views/Shared/_Splash.cshtml";
}
@section head{
    <link href="@Url.Content("~/Areas/People/Content/Authentication/login.css")" rel="stylesheet" type="text/css" />
}
<div class="col-md-4 col-md-offset-4">
    <div class="padded">
        <div class="login box" style="margin-top: 80px;">
            <div class="box-header">
                <ul class="nav nav-tabs nav-tabs-left">
                  <li class="active"><a href="#credentials" data-toggle="tab"><i class="icon-comments-alt"></i> <span>By Credentials</span></a></li>
                  <li><a href="#pin" data-toggle="tab"><i class="icon-cog"></i> <span>By PIN</span></a></li>
                </ul>
                <div class="title">Login</div>
            </div>
            <div class="box-content padded">
                <div class="tab-content">
                    <div class="tab-pane active" id="credentials">
                        <form class="separate-sections" action="@Url.Action("Login", "Authentication", new { area = "People" })" method="post">
                            @Html.AntiForgeryToken()
                            <div class="input-group addon-left">
                                <span class="input-group-addon">
                                    <i class="icon-user"></i>
                                </span>
                                @Html.TextBoxFor(x => x.UserName, new { placeholder = "username" })
                            </div>

                            <div class="input-group addon-left">
                                <span class="input-group-addon">
                                    <i class="icon-key"></i>
                                </span>
                                @Html.PasswordFor(x => x.Password, new { placeholder = "password" })
                            </div>

                            <div>
                                <input type="submit" class="btn btn-blue btn-block" value="Login" />
                            </div>
                        </form>
                    </div>
                    <div class="tab-pane" id="pin">
                        <form class="separate-sections" action="@Url.Action("Login", "Authentication", new { area = "People" })" method="post">
                            @Html.AntiForgeryToken()
                            <div class="input-group addon-left">
                                <span class="input-group-addon">
                                    <i class="icon-user"></i>
                                </span>
                                @Html.TextBoxFor(x => x.Pin, new { placeholder = "employee number" })
                            </div>

                            <div>
                                <input type="submit" class="btn btn-blue btn-block" value="Login" />
                            </div>
                        </form>
                    </div>
                </div>
                
            </div>
        </div>
    </div>
</div>
